// CSS 变量（可通过 JS 动态修改）
:root {
  --color-primary: #00f3ff;
  --color-secondary: #ff00ff;
  --color-accent: #00ff88;
  --bg-primary: #0a0e27;
  --bg-secondary: #1a1f3a;
  --bg-card: rgba(26, 31, 58, 0.6);
  --text-primary: #ffffff;
  --text-secondary: #8892b0;
  --text-dim: #495670;
}

// SCSS 变量（用于编译时）
$primary-color: var(--color-primary, #00f3ff);
$secondary-color: var(--color-secondary, #ff00ff);
$accent-color: var(--color-accent, #00ff88);
$bg-primary: var(--bg-primary, #0a0e27);
$bg-secondary: var(--bg-secondary, #1a1f3a);
$bg-card: var(--bg-card, rgba(26, 31, 58, 0.6));
$text-primary: var(--text-primary, #ffffff);
$text-secondary: var(--text-secondary, #8892b0);
$text-dim: var(--text-dim, #495670);

// 发光效果
$glow-primary: 0 0 10px $primary-color, 0 0 20px $primary-color;
$glow-secondary: 0 0 10px $secondary-color, 0 0 20px $secondary-color;
$glow-accent: 0 0 10px $accent-color, 0 0 20px $accent-color;

// 间距
$spacing-xs: 0.25rem;
$spacing-sm: 0.5rem;
$spacing-md: 1rem;
$spacing-lg: 1.5rem;
$spacing-xl: 2rem;

// 边框
$border-radius: 8px;
$border-color: rgba(255, 255, 255, 0.1);

// 过渡
$transition-fast: 0.2s ease;
$transition-normal: 0.3s ease;
$transition-slow: 0.5s ease;
